import React from 'react'
import './Slider.css'
import { NavLink } from "react-router-dom";

const Slider = () => {
    return (
        <div className = "slider">
            <ul className = "list">

                <li><NavLink to='/index/board' 
                style={
                    {display:'inline-block',
                    width:217,
                    height:70,
                    textDecoration:'none',
                    outLine:'none',
                    color:'#000'}} 
                activeStyle={
                    {color:'#fff',
                    backgroundColor: '#6BA9A0'}}>看板</NavLink></li>

                <li><NavLink to='/index/painting' 
                    style={
                        {display:'inline-block',
                        width:217,
                        height:70,
                        textDecoration:'none',
                        outLine:'none',
                        color:'#000'}} 
                    activeStyle={
                        {color:'#fff',
                        backgroundColor: '#6BA9A0'}}>画作管理</NavLink></li>

                <li><NavLink to='/index/qa' 
                    style={
                        {display:'inline-block',
                        width:217,
                        height:70,
                        textDecoration:'none',
                        outLine:'none',
                        color:'#000'}} 
                    activeStyle={
                        {color:'#fff',
                        backgroundColor: '#6BA9A0'}}>题目管理</NavLink></li>

                <li><NavLink to='/index/author' 
                    style={
                        {display:'inline-block',
                        width:217,
                        height:70,
                        textDecoration:'none',
                        outLine:'none',
                        color:'#000'}} 
                    activeStyle={
                        {color:'#fff',
                        backgroundColor: '#6BA9A0'}}>作者管理</NavLink></li>

                <li><NavLink to='/index/user' 
                    style={
                        {display:'inline-block',
                        width:217,
                        height:70,
                        textDecoration:'none',
                        outLine:'none',
                        color:'#000'}} 
                    activeStyle={
                        {color:'#fff',
                        backgroundColor: '#6BA9A0'}}>用户管理</NavLink></li>

                    <li><NavLink to='/index/admin' 
                    style={
                        {display:'inline-block',
                        width:217,
                        height:70,
                        textDecoration:'none',
                        outLine:'none',
                        color:'#000'}} 
                    activeStyle={
                        {color:'#fff',
                        backgroundColor: '#6BA9A0'}}>管理员权限管理</NavLink></li>
            </ul>        
        </div>
    )
}

export default Slider
